// pages/feedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs: [
      {
        id: 0,
        value: '功能异常',
        isActive: false
      },
      {
        id: 1,
        value: '优化建议',
        isActive: false
      },
      {
        id: 2,
        value: '其他反馈',
        isActive: false
      }
    ],
    max: 200,
    min: 3,
    minWord: '',
    //选择添加的图片
    chooseImgs: [],
    //文本域的内容
    textVal: '',
    flag: false,
    phoneNum: '',
    emailAddress: ''
  },
  //设置一个定时器时间
  TimeId: -1,
  //上传返回的图片路径
  UpLoadImgs: [],
  //获取输入框数字数量  以及  文本域的内容
  handleChooseTab(e) {
    const { index } = e.currentTarget.dataset
    let { tabs, textVal } = this.data
    const flag = textVal.length >= 3 ? true : false
    tabs.forEach((v, i) => i === index ? v.isActive = true : v.isActive = false)
    this.setData({
      tabs,
      flag
    })
  },
  getValueLength(e) {
    let { value } = e.detail
    let len = parseInt(value.trim().length)
    let { tabs } = this.data
    const flag = tabs.some(v => v.isActive === true)
    if (len < this.data.min) {
      this.setData({
        minWord: '最少输入三个字哦~',
        flag: false
      })
    } else {
      this.setData({
        minWord: '',
        flag: flag
      })
    }
    clearTimeout(this.TimeId)
    this.TimeId = setTimeout(() => {
      this.setData({
        currentWordNumber: len
      })
      if (len === 0) {
        this.setData({
          minWord: ''
        })
      }
    }, 500)
    if (len > this.data.max) {
      this.setData({
        currentWordNumber: len
      })
    }
    this.setData({
      textVal: e.detail.value
    })
  },
  //点击+选择图片事件
  handleChooseImg() {
    //调用小程序内置选择图片api
    wx.chooseImage({
      count: 9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success: (result) => {
        this.setData({
          //用解构拼接  将用户多次选择的图片拼接到一起
          chooseImgs: [...this.data.chooseImgs, ...result.tempFilePaths]
        })
      }
    });

  },
  //删除图片
  handleRemoveImg(e) {
    const { index } = e.currentTarget.dataset
    let { chooseImgs } = this.data
    chooseImgs.splice(index, 1)
    this.setData({
      chooseImgs
    })
  },
  //获取手机号
  getPhoneNum(e) {
    let { value } = e.detail
    this.setData({
      phoneNum: value
    })
  },
  //获取邮箱地址
  getEmailAddress(e) {
    let { value } = e.detail
    this.setData({
      emailAddress: value
    })
  },
  //提交按钮的点击
  handleFormSubmit() {
    let { textVal, chooseImgs, phoneNum, emailAddress } = this.data
    wx.showLoading({
      title: '正在上传中',
      mask: true
    });
    //判断有没有需要上传的图片数组
    if (chooseImgs.length != 0) {
      // chooseImgs.forEach((v, i) => {
      //   wx.uploadFile({
      //     //图片上传到哪里
      //     url: '',
      //     //被上传的文件的路径
      //     filePath: v,
      //     //文件名称  后台获取需要的名字
      //     name: file,
      //     //顺带的文本信息
      //     formData: {},
      //     success: (result) => {
      //       //返回的是图片的外网路径
      //       let url = JSON.parse(result.data)
      //       this.UpLoadImgs.push(url)

      //       //所有的图片都上传完毕了
      //       if (i === chooseImgs.length - 1) {
      //         //关闭弹窗
      //         wx.hideLoading();
      //         //这里将文本内容和图片数组 提交到后台中


      //         //重置页面
      //         this.setData({
      //           textVal: '',
      //           chooseImgs: []
      //         })
      //         //返回上一个页面
      //         wx.navigateBack({
      //           delta: 1
      //         });
      //       }
      //     }
      //   });
      // })
    } else {
      wx.hideLoading()
      //只提交文本域
      console.log('只提交了文本')
      console.log(phoneNum + '---' + emailAddress)
      wx.navigateBack({
        delta: 1
      });
    }

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})